<!DOCTYPE html>
<html>
<head>
    <title>旅游WIFI</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="/weui/dist/style/weui.min.css"/>
    <link rel='stylesheet' href='/stylesheets/style.css'/>
    <script src="/jquery/dist/jquery.min.js"></script>
    <script src="/lodash/dist/lodash.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="/js/mobile_flow_charge.js"></script>
</head>
<body>
<h1><%= title %></h1>
<p class="wifi-tips">手机流量直充</p>

<div class="weui_cells weui_cells_form">
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <input class="weui_input input_mobile_number" type="number" pattern="[0-9]*" placeholder="请输入手机号">
        </div>
    </div>
</div>
<div class="weui_cells_title flow_package_title">中国移动 立即生效</div>
<div class="weui_cells weui_cells_form flow_package_list">
    <%for(var i in defaultPackage){
        var item = defaultPackage[i];
    %>
        <div class="weui_cell">
            <div class="weui_cell_bd weui_cell_primary">
                <p><%=item.name%></p>
            </div>
            <div class="weui_cell_ft">
                <a href="javascript:;" class="weui_btn weui_btn_mini weui_btn_plain_primary"><%=item.price.toFixed(2)%>元</a>
            </div>
        </div>
    <%}%>
    <div class="op-mask"></div>
</div>

<div style="visibility: hidden">
    <input id="appId" type="hidden" value="<%=config.appId%>" />
    <input id="timestamp" type="hidden" value="<%=config.timestamp%>" />
    <input id="nonceStr" type="hidden" value="<%=config.noncestr%>" />
    <input id="configSign" type="hidden" value="<%=config.sign%>" />
</div>
<div id="loadingToast" class="weui_loading_toast" style="display:none;">
    <div class="weui_mask_transparent"></div>
    <div class="weui_toast">
        <div class="weui_loading">
            <div class="weui_loading_leaf weui_loading_leaf_0"></div>
            <div class="weui_loading_leaf weui_loading_leaf_1"></div>
            <div class="weui_loading_leaf weui_loading_leaf_2"></div>
            <div class="weui_loading_leaf weui_loading_leaf_3"></div>
            <div class="weui_loading_leaf weui_loading_leaf_4"></div>
            <div class="weui_loading_leaf weui_loading_leaf_5"></div>
            <div class="weui_loading_leaf weui_loading_leaf_6"></div>
            <div class="weui_loading_leaf weui_loading_leaf_7"></div>
            <div class="weui_loading_leaf weui_loading_leaf_8"></div>
            <div class="weui_loading_leaf weui_loading_leaf_9"></div>
            <div class="weui_loading_leaf weui_loading_leaf_10"></div>
            <div class="weui_loading_leaf weui_loading_leaf_11"></div>
        </div>
        <p class="weui_toast_content">检查支付环境</p>
    </div>
</div>
</body>
</html>
